Simple solution for using iframes in React

您所在的位置:网站首页 react frame Simple solution for using iframes in React

Simple solution for using iframes in React

2022-12-16 02:45| 来源: 网络整理| 查看: 265

React Iframe

Simple React component for including an iframed page.

Usage import Iframe from 'react-iframe' Properties

url (required) - string the iframe url

position (optional) - string defaults to "absolute".

id (optional) - string if set, adds the id parameter with the given value.

className (optional) - string if set, adds the class parameter with the given value.

display (optional) - string defaults to "block"

height (optional) - string (1px > any number above 0, or 1% to 100%)

width (optional) - string (1px > any number above 0, or 1% to 100%)

allowFullScreen (optional) - if set, applies the allowFullScreen param

styles (optional) - add any additional styles here. Will (intentionally) override any of the props above. For instance:

sandbox (optional) - add optional sandbox values ("allow-forms allow-pointer-lock allow-popups allow-same-origin allow-scripts allow-top-navigation")

will set the height to 25px even though it was specified as 100% in the props.

Development

All code resides in index.js. Deploy with either npm run release, npm run release-minor or npm run release-major

GitHub


【本文地址】


今日新闻


推荐新闻


CopyRight 2018-2019 办公设备维修网 版权所有 豫ICP备15022753号-3